<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS选择器的应用</title>
<style type="text/css">
    .warning{
		background-color:yellow;
		color:red;
		}
</style>
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" >
     $(function(){
		 //为拥用指定样式的选择器来添加click事件处理
		 $(".warning").click(function(){  //css选择器的应用
			 alert("这是警告信息，请注意!");
			 })
		 })
	 
	 $(function(){
		 var elements=$("#btn1");//jquery对象
		 //如果btn1在页面中存在时，默认jquery的语法是不提示错误消息的，我们手动让它提示
		 if(elements.length<=0){
			 alert("没有找到指定的按钮!");
			 return;
			 }
		 elements.mouseover(function(){
			 alert("终于来了!");
			 })
		 })
</script>
</head>

<body>
<p>欢迎您</p>
<div class="warning">请携带证件</div>
<p class="warning">请不要触碰</p>
<input type="button" id="btn1" value="点我呀"/>
</body>
</html>
